<template>
    <div style="background-color: #EBEBEB;min-height:800px;width: 100% ;position: absolute" >
        <div style="width:100%;background-color:#0099cb; overflow: hidden; height: 60px">
            <span class="demonstration" style="float:left;color:white;margin-left: 1%">
               <h1> 报名入口</h1>
            </span>
            <span class="demonstration" style="float:right;margin-right:800px;color:#e64242; font-size:40px">
                在线教育报名系统
            </span>

        </div>

        <div style="margin-top: 5px">
            <el-row>
                <el-col span="2">
                    <div>
                        <el-menu default-active="1" router="true" mode="horizontal" class="el-menu-vertical-demo" style="min-height:800px" @select="handleSelect"><!---->
                            <el-menu-item index="1"><i class="el-icon-message"></i><!-- <router-link to="/reg_no/reg_notice">-->报名须知<!--</router-link>--></el-menu-item>
                            <el-menu-item index="2"><i class="el-icon-menu"></i>报名</el-menu-item>
                            <el-menu-item index="3"><i class="el-icon-setting"></i>查询</el-menu-item>
                        </el-menu>
                    </div>
                </el-col>
                <el-col span="20">
                    <div>
                        <router-view></router-view>
                    </div>
                </el-col>
            </el-row>
        </div>
    </div>
</template>
<script>

    export default {
        methods: {


            handleSelect(key, keyPath){
                switch(key){
                    case '1':
                        this.$router.push('/reg_no');


                    case '2':
                        this.$router.push('/reg_info');


                    case '3':
                        this.$router.push('/reg_inquiry');


                }
            },
        }
    }
</script>